<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Vite + React</title>
</head>

<body>
  <div id="root"></div>
  <script type="module" src="/src/main.jsx"></script>

  <script>
    // 基准大小（需要与 CSS 配置保持一致）
    const baseSize = 100

    // 节流
    function throttle(func, wait) {
      let timeout;
      return function (...args) {
        if (!timeout) {
          timeout = setTimeout(() => {
            func.apply(this, args)
            timeout = null
          }, wait)
        }
      }
    }

    // 设置 rem 函数
    function setRem() {
      // 当前页面宽度相对于 750px 宽的缩放比例（根据设计图调整）
      const scale = document.documentElement.clientWidth / 750
      // 设置页面根节点字体大小
      document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
    }
    // 初始化
    setRem()
    // 窗口大小变化时重置 rem
    window.onresize = throttle(setRem, 500)

  </script>
</body>

</html>